博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
加载静态文件,父模板的继承和扩展
阅读量:6915 次
发布时间:2019-06-27

本文共 1747 字,大约阅读时间需要 5 分钟。

  1. 用url_for加载静态文件
    1. <script src="{
      { url_for('static',filename='js/login.js') }}"></script>
    2. flask 从static文件夹开始寻找
    3. 可用于加载css, js, image文件
  2. 继承和扩展
    1. 把一些公共的代码放在父模板中,避免每个模板写同样的内容。base.html
    2. 子模板继承父模板
      1.   {% extends 'base.html’ %}
    3. 父模板提前定义好子模板可以实现一些自己需求的位置及名称。block
      1. <title>{% block title %}{% endblock %}-MIS问答平台</title>
      2. {% block head %}{% endblock %}
      3. {% block main %}{% endblock %}
    4. 子模板中写代码实现自己的需求。block
      1.   {% block title %}登录{% endblock %}
  3. 首页、登录页、注册页都按上述步骤改写。

py:

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def daohang():    return render_template('daohang.html')@app.route('/login/')def login():    return render_template('1031.html')@app.route('/regist/')def regist():    return render_template('regist.html')if __name__ == '__main__':    app.run(debug=True)

首页:

    
{% block title %}{% endblock %}首页
{% block head %}{% endblock %}
{% block main %}{% endblock %}

登录:

{% extends'daohang.html' %}{% block title %}登录{% endblock %}{% block head %}    
'{% endblock %}{% block main %}

登录

{% endblock %}

 

 注册:

{% extends'daohang.html' %}{% block title %}注册{% endblock %}{% block head %}    
{% endblock %}{% block main %}

注册

{% endblock %}

 

转载于:https://www.cnblogs.com/chenhuafei/p/7781054.html

你可能感兴趣的文章
Redis数据库
查看>>
猜想:一组勾股数a^2+b^2=c^2中,a,b之一必为4的倍数。
查看>>
Gitlab团队协作流程
查看>>
Android Webview中解决H5的音视频不能自动播放的问题
查看>>
applyColorMap()研究(如果我对现有的colormap不满意,那么如何具体来做)
查看>>
Gridview排序与分页-不使用“DataSourceControl DataSource”的情况下如何分页和排序 ......
查看>>
weblogic11g 安装集群 —— win2003 系统、单台主机
查看>>
Google Earth KML数据格式转换成Shp数据格式(转)
查看>>
通过Linux命令过滤出binlog中完整的SQL语句
查看>>
动态域名解析
查看>>
生活琐碎之淘宝账号安全和交易安全1-账号被盗用,淘宝被别人卖东西
查看>>
NAT穿墙小记
查看>>
UESTC 1426 Boring Ranking
查看>>
ExcelApplication 另存Excel的SaveAs函数
查看>>
eclipse调试的方法和技巧【转】
查看>>
利用PHP SOAP扩展实现简单Web Services
查看>>
DCM4CHEE概述
查看>>
Spring事件监听Demo
查看>>
uva 414 Machined Surfaces
查看>>
iOS边练边学--简单的数据操作(增、删、改),左滑动删除和弹窗
查看>>